<div class="thumbnail">
    <img data-src="holder.js/150x150">
</div>
<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="60" 
                                                 aria-valuemin="0" 
                                                 aria-valuemax="100" style="width: 50%;"></div>
    <span class="progress-bar-text">10%</span>
</div>

<table class="table table-condensed">
    <tr>
        <td><span class="glyphicon glyphicon-file"></span> </td>
        <td>Recipes</td>
        <td>4</td>
    </tr>
    <tr>
        <td><span class="glyphicon glyphicon-tasks"></span></td>
        <td>Rating (&#216;)</td>
        <td>57%</td>
    </tr>
    <tr>
        <td><span class="glyphicon glyphicon-eye-open"></span></td>
        <td>Trackers</td>
        <td>5</td>
    </tr>
</table>